<div class="tab-container" style="height: 300px;">
  <div class="tab-buttons">
    <button class="tab-button" (click)="switchTab(0)">笔记</button>
    <button class="tab-button" (click)="switchTab(1)">收藏</button>
    <button class="tab-button" (click)="switchTab(2)">赞过</button>
  </div>
  <div class="tab-contents" style="height: 480px;">
    <div class="tab-content" [ngClass]="{ active: activeTab === 0 }">
      <div *ngIf="activeTab === 0" class="boxs" style="height: 480px;">

        <app-waterfall></app-waterfall>

      </div>
    </div>
    <div class="tab-content" [ngClass]="{ active: activeTab === 1 }">
      <div *ngIf="activeTab === 1" class="boxs" style="height: 480px;">

        <app-waterfall></app-waterfall>

      </div>
    </div>
    <div class="tab-content" [ngClass]="{ active: activeTab === 2 }">
      <div *ngIf="activeTab === 2" class="boxs" style="height: 480px;">

        <app-waterfall></app-waterfall>
      </div>
    </div>
  </div>
</div>